/**
 * 菜单按钮样式(oa 通知,日常任务 ; finger 费用...)
 * @author truexin
 * @date   2016/07/12
 */
.menu-btn {
    padding-top: .1rem;
    div,
    p {
        margin: 0;
        padding: 0;
    }

    .flex {
        border-top: 1px solid #c5c5c5;
    }

    .item {
        position: relative;
        padding: .25rem;
        border-bottom: 1px solid #c5c5c5;
        overflow: hidden;
        width: 50%;
        height: 1.1rem;
        text-align: center;
        background: #fff;

        &:nth-child(odd) {
            border-right: 1px solid #c5c5c5;
        }

        .decoration {
            position: absolute;
            top: -.38rem;
            left: .02rem;
            padding-top: .33rem;
            padding-left: .08rem;
            transform: rotate(-17deg);
            width: 1rem;
            text-align: left;
            font-size: .1rem;
            font-weight: 400;
            line-height: .2rem;
            color: #fff;
            background: #00bcd4;
        }
        .redNum {
            display: block;
            height: .3rem;
            line-height: .3rem;
            color: #f00;
            font-weight: 400;
            font-size: .16rem;
        }
        .normal {
            &.toCenter {
                @media (min-width: 375px) {
                    line-height: .51rem;
                }
                @media (min-width: 414px) {
                    line-height: .49rem;
                }
                line-height: .55rem;
            }
            height: .3rem;
            line-height: .3rem;
            font-weight: 400;
            font-size: .18rem;
        }

    }

}
